<template>
	<div class="san-checkbox" :class="classes" @click="radioBoxChange(mkey)"></div>
</template>

<script>
	export default {
		props: {
			mkey : {
				type: Object
			},
			mclass : {
				type: String,
				default: ''
			},
			boxtype : {
				type: String,
				default: 'radio'
			},
			isAll : {
				type: Boolean,
				default: false
			}
		},
		data () {
			return {
				active: false
			}
		},
		methods: {
			radioBoxChange (i) {
				this.active = !this.active
				this.$emit('change', this.mkey)
			},
			getCheckeds () {
				
			}
		},
		computed: {
			classes () {
				return this.mclass + (this.active ? ' san-checked' : '')
			}
		}
	}
</script>

<style>
.san-checkbox {
  width: 40upx;
  height: 40upx;
  background: #FFF;
  border: 2upx solid #ccc;
  border-radius: 50%;
  font-family: iconfont;
  display: inline-block;
}
.san-checkbox:after{
	content: "\feff";
}
.san-checkbox .uni-checkbox-input {
  color: #fff;
  width: 500rpx;
}
.san-checkbox.san-checked {
  text-align: center;
  align-items: center;
  background: #fe9900;
  border-color: #fe9900;
}
.san-checkbox.san-checked:after {
  content: "\e65e";
  font-weight: 800;
  color: #FFFFFF;
  /* #ifdef APP-PLUS ||MP */
  margin: 3upx 0 0 5upx;
  /* #endif */
}
</style>
